<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/listadd.css" />
	</head>
	<body>
		<script type="text/javascript">
			window.onload = function() {
				let ipt = document.querySelector('#ipt1')
				ipt1.onfocus = function() {
					this.nextElementSibling.innerHTML = ''
				}
				let text = document.querySelector('#text')
				let num = 300
				text.onfocus = function() {
					xingrong.innerHTML = ''
				}
				text.onkeyup = function(){
					let textLength=text.value
					let num = 300-textLength.length
					lastNum.innerHTML=`还剩${num}字`
					
				}



				addpic.onclick = function() {

				}
			}
		</script>
		<div class="con">
			<header>
				<img src="img/quanbu.png">
				<div class="header-top">
					<a href="community-find.html" class="iconfont icon-left"></a>
					<a href="">提交</a>
				</div>
			</header>
			<main>
				<div class="tit">
					<h2>作品标题</h2>
					<a href="" class="iconfont icon-dayuhao"></a>
					<input type="" name="" id="ipt1" value="" />
					<em class="list1">待填写</em>
				</div>
				<div class="dec">
					<em id="xingrong">描述一下作品...</em>
					<em id="lastNum">还剩300字</em>
					<textarea rows="" cols="" id="text">
						
					</textarea>
					<span id="addpic">
						<b class="iconfont icon-add-fill"> </b>
					</span>
				</div>

			</main>

			<p class="spec"><em class="iconfont icon-shengchenghaibao"></em><span>添加标签</span><em class="iconfont icon-dayuhao"></em></p>
		</div>
	</body>
</html>
